.block_high_search {
    user-select: none;
    .text-left{
        text-align: left !important;
    }
    .btn-high_search {
        background: var(--main_button_bg);
        color: var(--main_button_color);
        border-radius: var(--button_border_radius);
    }
    .block_high_search-absolute {
        background: #ffffff;
        border-radius: 0px 0px 0px 0px;
        border: 1px solid #cccccc;
        z-index: 60000;
    }

    .tab-item {
        height: 36px;
        line-height: 36px;
        border-radius: 19px 19px 19px 19px;
        opacity: 1;
        padding: 0 15px;
        font-size: 14px;
        border: 1px solid var(--main_button_bg);
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        width: initial;
        &:hover {
            background: var(--main_button_bg);
            color: var(--main_button_color);
            border: 1px solid var(--main_button_bg);
        }
        & + .tab-item {
            margin-left: 12px;
        }
    }
    .tab-item-active {
        background: var(--main_button_bg);
        color: var(--main_button_color);
        border: 1px solid var(--main_button_bg);
    }

    .block_high_search-body {
        max-height: 400px;
        overflow-y: auto;
        .product-item {
            position: relative;
            cursor: pointer;
            &:hover {
                background: #f6f6f6;
            }
            & + .product-item::before {
                position: absolute;
                left: 0;
                right: 0;
                height: 1px;
                background-color: #eeeeee;
                top: 0;
                content: "";
            }
        }

     
    }

    .swiper-button-disabled{
        path{
            fill: #999;
        }
    }
    @media screen and (max-width: 768px) {
        .block_high_search-body {
            max-height: 300px;
        }       
    }
}

.block_high_search_wrapper{
    width: 100%;
    max-width: var(--general_layout_width);
    margin: 0 auto;
}

